/**
 * 目标1：验证码登录
 * 1.1 在 utils/request.js 配置 axios 请求基地址
 * 1.2 收集手机号和验证码数据
 * 1.3 基于 axios 调用验证码登录接口
 * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
 */


//  * 1.2 收集手机号和验证码数据
document.querySelector('.btn').addEventListener('click',()=>{
      // 用serilize插件进行收集
      // 先要获取那个表单
     const form=document.querySelector('.login-form')
      const data=serialize(form,{hash:true,empty:true})
      console.log(data)
      // 对这个数据进行一个判断
    if(data.mobile.length!==11){
      myAlert(false,'手机号长度要11位')
      return
    }
  if (data.code.length !== 6) {
    myAlert(false, '密码要六位')
    return
  }
    // * 1.3 基于 axios 调用验证码登录接口
    axios({
      url:'/v1_0/authorizations',
     method:'POST',
     data
    }).then(result=>{
      myAlert(true,'登录成功')
       console.log(result)  
      //  保存token令牌
      localStorage.setItem('token',result.data.token)
      // 登录成功后跳转到列表页,加一个定时器，延迟两秒进入主页面
      setInterval(()=>{
        location.href = '../content/index.html'
      },2000)
    }).catch(error=>{
      myAlert(false, error.response.data.message)
      console.dir(error.response.data.message)
    })
})
